
<title>CoverFlow 2.0 | Addy Osmani @blarnee.com</title>
<head>
<link rel="stylesheet" type="text/css"
	href="CoverFlows_files/coverflow.css">
</head>

<style type="text/css">
body {
	background-color: #272727;
}

coverflowHolder {
	border: 1px solid #fff;
	width: 650px;
	height: 440px;
}
</style>

<a href="http://blarnee.blogspot.com"
	alt="JavaScript CoverFlow by Blarnee"> <img border=0
	src="CoverFlows_files/title.png"></img>
</a>
<br>
<br>
<br>
<br>

<div id="coverflowHolder">

	<div id="__cvfl-coverflow-holder" style="display: none">
		<div id="__cvfl-coverflow">
			<div id="__cvfl-coverflow-wrapper"></div>
			<div id="smallerPreview"></div>
			<div id="__cvfl-coverflow-label"></div>

		</div>

	</div>
	<div id="oldlist" style="display: none"></div>

</div>




<SCRIPT type="text/javascript" src="./CoverFlows_files/coverflow.js"></SCRIPT>



<SCRIPT type="text/javascript">
	var canvas_compatible = false;
	try {
		canvas_compatible = !!(document.createElement('canvas')
				.getContext('2d'));
	} catch (e) {
	}
	if (canvas_compatible)
		document.getElementById("__cvfl-coverflow-holder").style.display = "";
	else
		document.getElementById("oldlist").style.display = "";
</SCRIPT>


<SCRIPT type="text/javascript">
	if (canvas_compatible) {

		window.onload = function() {
			Coverflow.init([

			{
				src : 'CoverFlows_files/covers/cover1med.jpg',
				label : {
					album : 'Abbey Road',
					artist : 'The Beatles',
					url : 'http://www.beatles.com/',
					high : 'CoverFlows_files/covers/cover1large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover2med.jpg',
				label : {
					album : 'Graduation',
					artist : 'Kanye West',
					url : 'http://www.kanyewest.com',
					high : 'CoverFlows_files/covers/cover2large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover3med.jpg',
				label : {
					album : 'Circus',
					artist : 'Britney Spears',
					url : 'http://www.britneyspears.com',
					high : 'CoverFlows_files/covers/cover3large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover13med.jpg',
				label : {
					album : 'The Fame',
					artist : 'Lady Gaga',
					url : 'http://www.ladygaga.com',
					high : 'CoverFlows_files/covers/cover13large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover14med.jpg',
				label : {
					album : 'The Fray',
					artist : 'The Fray',
					url : 'http://www.thefray.com',
					high : 'CoverFlows_files/covers/cover14large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover12med.jpg',
				label : {
					album : 'Funhouse',
					artist : 'Pink',
					url : 'http://www.pinkspage.com',
					high : 'CoverFlows_files/covers/cover12large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover4med.jpg',
				label : {
					album : '21st Century Breakdown',
					artist : 'Greenday',
					url : 'http://www.greenday.com',
					high : 'CoverFlows_files/covers/cover4large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover5med.jpg',
				label : {
					album : 'Carter III',
					artist : 'Lil Wayne',
					url : 'http://www.lilwayne.com',
					high : 'CoverFlows_files/covers/cover5large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover6med.jpg',
				label : {
					album : 'Clumsy',
					artist : 'Fergie',
					url : 'http://www.fergie.com',
					high : 'CoverFlows_files/covers/cover6large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover7med.jpg',
				label : {
					album : 'The Best Of',
					artist : 'Blur',
					url : 'http://ww.blur.com',
					high : 'CoverFlows_files/covers/cover7large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover8med.jpg',
				label : {
					album : 'Rockferry',
					artist : 'Duffy',
					url : 'http://www.duffy.com',
					high : 'CoverFlows_files/covers/cover8large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover9med.jpg',
				label : {
					album : 'Dig out your soul',
					artist : 'Oasis',
					url : 'http://www.oasis.com',
					high : 'CoverFlows_files/covers/cover9large.jpg'
				}
			},

			{
				src : 'CoverFlows_files/covers/cover10med.jpg',
				label : {
					album : 'Loose',
					artist : 'Nelly Furtado',
					url : 'http://www.nellyfurtado.com',
					high : 'CoverFlows_files/covers/cover10large.jpg'
				}
			}

			], {
				createLabel : function(item) {

					return item.label.album + '<br><span id="artist">'
							+ item.label.artist
							+ '</span><br><a href="' + item.label.url + '">'
							+ item.label.url + '</a>';

				},
				onSelectCenter : function(item, id) {

					var img = new Image();
					img.onload = function() {

						Lightbox.show(this.src, id);

					};

					img.src = item.label.high;

				},

				refill : function(start) {

					new HTTPQuery("/ajax/cflow/0/?from=" + start
							+ "&l=1&cache=3998668924011356071", 0,
							"updateCflow");
				}
			});
		}
	}

	function updateCflow(oHttp) {
		cResponse = oHttp.responseText;
		if (cResponse.substr(0, 1) == "!") {
			cResponse = cResponse.substr(1);
			eval(cResponse);
		}
	}
</SCRIPT>







<a style="display: none" href="http://blarnee.blogspot.com">Blarnee
	Web Development Magazine</a>

</BODY>
</HTML>